iT邦幫忙

2024 iThome 鐵人賽

DAY 20
0
JavaScript

只有30天,真的可以學會vue?系列 第 20

Server 端的生命週期

  • 分享至 

  • xImage
  •  

Server 端的生命週期
伺服器啟動 (nuxt start) 當使用靜態網站產生時,伺服器步驟只在構建時執行,但每一個將要產生的頁面都會執行一次。
產生過程開始 (nuxt generate)
Nuxt hooks
serverMiddleware
Server-side Nuxt plugins:按照在 nuxt.config.js 中定義的順序進行。
nuxtServerInit
僅在伺服器端呼叫的 Vuex 操作,用於預載 store。
第一個參數是 Vuex context ,第二個參數是 Nuxt.js context 。
從這裡 Dispatch 其他動作→伺服器端隨後的 store 唯一 "入口點"
只能在 store/index.js 中定義。
Middleware
Global middleware
Layout middleware
Route middleware
asyncData
beforeCreate Vue生命週期方法
created Vue生命週期方法
新的 fetch(從上到下,同胞元素=平行)
狀態的序列化(render:routeContext Nuxt.js hook)
HTML渲染(render:route Nuxt.js hook)
render:routeDone hook 當HTML被髮送到瀏覽器時
generate:before Nuxt.js hook
產生HTML檔案
全靜態產生
generate:page(可編輯的HTML)
generate:routeCreated (Route 生成)
generate:done 當所有的HTML檔案都產生后


上一篇
nuxt 框架
系列文
只有30天,真的可以學會vue?20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言